.slider-list-container {
    position: relative;
    overflow: hidden;
    .slider-list {
        position: relative;
        height: 100%;
        transition: all ease .5s;
        .clearfix();
        .slider-item {
            float: left;
        }
    }
    .slider-dot-list {
        position: absolute;
        bottom: 12px;
        left: 50%;
        transform: translateX(-50%);
        .clearfix();
        .slider-dot {
            width: 4px;
            height: 4px;
            background-color: #999;
            border-radius: 2px;
            margin-left: 4px;
            transition: width ease .5s;
            float: left;
            &:first-of-type {
                margin-left: 0;
            }
            &.selected {
                width: 16px;
            }
        }
    }
}